/* betűtípus */
.lesson_plain,
.lesson_plain2,
.lesson_plain_list,
.lesson_plain_list_sub,
.lesson_plain_high,
.lesson_plain_high2,
.lesson_plain_highlight,
.lesson_note_plain,
.lesson_cit_plain,
.lesson_tabletitle,
td,
.lesson_form_selectbox,
.lesson_title_course,
.lesson_title_modul { font-family: Arial, Helvetica, sans-serif; }
.lesson_code { font-family: Courier New, monospace; }
	
.lesson_applet_head
.lesson_nr,
.lesson_title02,
.lesson_title03,
.lesson_title04,
.lesson_note,
.lesson_note2,
.lesson_note_header,
.lesson_cit_sign,
.pict_caption,
.lesson_pic_note,
.lesson_multimedia_type,
.lesson_multimedia_title,
.lesson_table_note,
.lesson_form_title,
.lesson_form_dropdown,
.lesson_form_textfield,
.lesson_quiz_high,
.lesson_quiz_high_yes,
.lesson_quiz_high2,
.lesson_quiz_high_yes2,
.lesson_title01,
.lesson_bookmark { font-family: Verdana, Arial, Helvetica, sans-serif; }

/* betűméret, -stílus, -szín, sortávolság */
body, table {font-size: 13px;}

.lesson_plain,
.lesson_plain2,
.lesson_plain_highlight { color: black; line-height: 21px}
.lesson_plain_list       { color: black; line-height: 16px}
.lesson_plain_list_sub   { font-size: 11px; color: black; line-height: 16px}
.lesson_plain_high       { color: white; background-color: #84807A}
.lesson_plain_high2      { color: white; background-color: #84807A}

.lesson_code            { font-size: 12px; color: black; line-height: normal; margin: 0}
.lesson_nr               { font-size: 9px; color: #938DB3; font-weight: bold; line-height: 18px; border-right: #CECDCE solid 1px; text-align: right; vertical-align: top; width: 26px;}

.lesson_title02          { font-size: 12px; font-weight: bold; color: #4D485C}
.lesson_title03          { font-size: 16px; font-weight: bold; color: #4D485C}
.lesson_title04          { font-weight: bold; color: #B3C148}

.lesson_note             { font-size: 9px; color: black}
.lesson_note2            { color: black}
.lesson_note_plain       { font-size: 10px; color: #4D485C }
.lesson_note_header      { font-size: 10px; color: white}

.lesson_cit_sign         { font-size: 9px; color: black; text-decoration: none ; font-weight: bold; text-align: right; margin-top: 1em; }
.lesson_cit_plain        { color: black; line-height: 21px ; font-style: italic}

.lesson_pic_title       { font-size: 10px; font-weight: bold; color: #938DB3}
.pict_caption        { font-size: 10px; font-weight: bold; color: #938DB3}
.lesson_pic_note         { font-size: 9px; color: black; padding-left: 5px}

.lesson_multimedia_type  { font-size: 10px; font-weight: bold; color: white; text-decoration: none ; padding-right: 36px ; padding-botton: 2px}
.lesson_multimedia_title { font-size: 10px; color: #B3C148; font-weight: bold}

.lesson_tabletitle       { font-size: 11px; font-weight: bold; color: #4D485C; text-decoration: none}
.lesson_table_cell_title { font-size: 13pt; color: #FFFFFF}
.lesson_table_note       { font-size: 9px; color: black}
.lesson_table_cell       { color: black;}

.lesson_form_title       { color: white; line-height: 17px; font-style: normal; font-weight: bold}
.lesson_form_dropdown    { font-size: 10px; color: #4D485C; text-decoration: none}
.lesson_form_textfield   { font-size: 10px; color: #4D485C; text-decoration: none}
.lesson_form_selectbox   { color: black}

.lesson_quiz_high        { color: #EB8D00; font-weight: bold; text-decoration: none}
.lesson_quiz_high2        { color: #EB8D00; font-weight: bold; text-decoration: none}
.lesson_quiz_high_yes2    { color: #7C7596; text-decoration: none}
.lesson_quiz_high_yes    { color: #7C7596; text-decoration: none}
.lesson_quiz_radio_no    { background-color: #FF9900}
.lesson_quiz_radio_yes   { background-color: #E1DBF5}

.lesson_title_course     { font-size: 10px; color: #B5B4BA ; font-weight: bold}
.lesson_title_modul      { font-size: 10px; color: #B5B4BA }
.lesson_title01          { font-size: 16px; font-weight: bold; color: #B3C148}

.lesson_bookmark         { font-size: 10px; color: #4D485C; text-decoration: none}

.mouseover					{ background: #B5C64A; }  
.mouseover_title			{ background: white; border: none; }
.mouseover_bigimage_outer	{ background: #F7FBE0; border-left: 1px solid #717171; border-top: 1px solid #717171; }
.mouseover_bigimage_inner   { background: white; border-left: 1px solid #717171; border-top: 1px solid #717171; }
.mouseover_smallimage_list_outer { background: #717171; border-left: 1px solid #D6DE94; border-top: 1px solid #D6DE94; border-bottom: 3px solid #CED67B; }
.mouseover_caption			{ background: #C5CF72; border-top: 1px solid #B5C64A; border-bottom: 1px solid #D1DA91; padding-left: 5px; }
.mouseover_caption_font		{ color: black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
.mouseover_smallimage_list_inner { background: #C5CF72; border-top: 1px solid #B5C24C; }
.mouseover_smallimage_outer { background: #E0E99F; border-top: 1px solid #929E3B; border-bottom: 1px solid #AFBB5A; border-left: 1px solid #929E3B; border-right: 1px solid #AFBB5A; }
.mouseover_smallimage_inner { border-top: 1px solid #6B7712; border-bottom: 1px solid #EFF4CE; border-left: 1px solid #6B7712; border-right: 1px solid #EFF4CE; margin-top: 1px; margin-left: 1px; }

.flipbook_caption_outer { border-collapse: collapse; width: 100%; height: 100%; background: #717171; border-left: 1px solid #D6DE94; border-top: 1px solid #D6DE94; }
.flipbook_nav_font  		{ color: #938DB3; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; /*vertical-align: text-top;*/ }

/* ikonok */
.img_lesson {
	width: 20px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_weblink {
	width: 17px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_download {
	width: 14px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_picture {
	width: 14px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_formula {
	width: 14px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_glossary {
	width: 13px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_bibliography {
	width: 13px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_index {
	width: 15px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_biography {
	width: 13px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_multimedia {
	width: 14px; height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.img_comment {
	width: 16px; height: 10px;
}

.img_flipbook_prev {
	width: 18px; height: 17px;
	vertical-align: -4px;
}
.img_flipbook_next {
	width: 18px; height: 17px;
	vertical-align: -4px;
}
.img_multimediaobject {
	width: 20px; height: 15px;
	margin: 0 4px;
	vertical-align: middle;
}

.img_testorder_up {
	cursor: pointer;
	width: 16px; height: 15px;
}
.img_testorder_down {
	cursor: pointer;
	width: 16px; height: 15px;
}

/* tartalmi rész */
.lesson_body { background: white url(../images/c_back.gif) }
.lesson_body_nocomment { background: white url(../images/c_back.gif) -146px 0px repeat-y }

.lesson_title_course { margin-top: 2em; padding: 10px 10px 0 10px; background: white }
.lesson_title_modul { padding: 0 10px 10px 10px; background: white }
.lesson_title01 { width: 436px; min-height: 81px; padding: 10px; background: #FCFBFC; border-top: #EEEDF3 solid 1px }

.lesson_plain_highlight {
  background: url(../images/c_high11.gif) repeat-y;
	background-origin: padding-box;
	padding-left: 30px;
}

.lesson_citation { padding: 0 5% }
q { quotes: '„' '”' '»' '«' '’' '’' }

ul {
	margin: 0 0 0 30px;
	padding: 0 0 0 30px;
	list-style-image: url(../images/bullet1.gif);
}
ul ul {
	margin: 0;
	list-style-image: url(../images/bullet2.gif);
}
li {
	padding: 6px 0;
}

.lesson_list {
	border-spacing: 1px;
  border-collapse: separate;
	width: 100%;
	margin-left: 30px;
}
.lesson_list td { padding: 4px }

.lesson_pict { border-collapse: collapse }
.pict_caption {
	background-image: url(../images/pic_t_4.gif), url(../images/pic_t_3.gif), url(../images/pic_t_2.gif), url(../images/pic_t_1.gif);
	background-position: right bottom, left bottom, right top, left top;
	background-repeat: no-repeat;
	padding: 4px 10px;
	text-align: left;
}
.pict_frame {
	/* felső jobb, felső, alsó jobb, alsó, bal, jobb */
	background-image: url(../images/picfr_2.gif), url(../images/picfr_1.gif), url(../images/picfr_6.gif), url(../images/picfr_5.gif), url(../images/picfr_3.gif), url(../images/picfr_4.gif);
	background-position: right top, left top, right bottom, left bottom, left top, right top;
	background-repeat: no-repeat, repeat-x, no-repeat, repeat-x, repeat-y, repeat-y;
	padding: 2px 2px 2px 5px;
	background-color: #F7FBE0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.pict_frame * { vertical-align: middle }

.pict_zoom { position: relative }
.img_pict_zoom {
	cursor: pointer;
	width: 66px; height: 18px;
	display: inline-block;
	position: absolute;
  bottom: 1px;
  right: 1px;
}
.spacer {
	background-color: transparent;
	width: 100%; height: 100%;
}

.formula { padding: 3px; background: white; font-size: 12px; }

.lesson_table {
	width: 100%;
  border-collapse: separate;
	border-spacing: 1px;
	background-color: #B5B4BA;
}
.lesson_table tr { background-color: white }
.lesson_table td { padding: 2px }
.lesson_table_note {
	padding: 4px 4px 0 4px;
	margin: 0;
	text-align: right;
}
.lesson_table .tr_title { vertical-align: bottom; background-color: #9EAB37; font-weight: bold; }
.lesson_table .tr_title td { color: white }
.lesson_table .tr_title_odd { vertical-align: bottom; background-color: #B3C148; font-weight: bold; }
.lesson_table .tr_title_odd td { color: white }
.lesson_table .tr_odd { background-color: #E8E9DC }
.lesson_table .tr_emphasized { background-color: #E6E5E6 }

.tr_title td .cellhighlight,
.tr_title_odd td .cellhighlight { background-color: #9EAB37 }

td .odd { background-color: #E8E9DC }
td .cellhighlight_odd { background-color: #EFF0DE }
td .cellhighlight { background-color: #E6E5E6 }

.transparent { background-color: transparent }
.transparent tr { background-color: transparent }

.MathJax {
	cursor: pointer;
}

/* teszt rész */
.test_frame {
	border: 1px solid #4D485C;
	background: white;
}
.test_question {
	background-image: url(../images/ikon_quiz.gif);
	background-position: 6px 2px;
	background-repeat: no-repeat;
	background-color: #EB8D00;
	border-top: 3px solid #4D485C;
	border-bottom: 4px solid #4D485C;
	min-height: 30px;
	padding: 2px 2px 2px 30px;
}
.test_body {
	padding: 11px 1px;
}

.layout_table {
	border-collapse: collapse;
	padding: 0;
}
.test_body .layout_table>tbody>tr+tr>td { padding-top: 1em }

.truefalse_layout {
	margin-left: 30px;
	width: calc(100% - 30px);
}
.truefalse_layout td+td { text-align: right }

input[type=radio], input[type=checkbox] { margin-top: 4px }
.testdiv { width: 20px; height: 20px; }

.resize_input {
  min-width: 30px !important;
  max-width: 200px !important;
  transition: width 0.25s;
}

.table_container { overflow-x:auto }
.test_body .table_container {
	margin: auto;
  width: calc(100% - 60px);
}

.test_body .lesson_table .tr_title { vertical-align: bottom; background-color: #9EAB37 }

.lesson_form_textfield {
	display: block;
	resize: vertical;
	min-height: 100px;
	margin: auto;
  width: calc(100% - 60px);
}

.hotwordimg { max-width: 520px }

.img_mehet {
	width: 55px; height: 17px;
	cursor: pointer;
	display: block;
	margin: 7px auto;
}

.lesson_form_selectbox option {
	padding-bottom: 0;
	padding-top: 0;
}
